<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<link rel="icon" type="image/ico" href="images/favicon.ico"></link> 
	<link rel="shortcut icon" href="images/favicon.ico"></link>
	<link rel="stylesheet" type="text/css" href="styles.css">
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Datos Personales</title>
</head>
<body style="margin: 0 auto;width: 68%; background-color: silver;">
	<div id="contenedor">
		<h3>Datos personales</h3>
		<table width="100%" cellpadding="5" bordercolor="#000066" 
	  			bgcolor="#FFFFFF" border="1"   cellspacing="0">
	    	 <tr>
	                    <th>Nombre de Usuario</th>
	                    <th>Email</th>
	                    <th/>
	         </tr>
	         <tr>
	         	<td>${user.username}</td>
	         	<td>${user.email}</td>
	         	<td><form method="POST" action="modificarDatos?token=${user.uuid}">
					 	<input type="submit" value="Modificar"/>
					</form>
				</td>
	         </tr>
	 	</table>
	 	<br/>
	 	<h4>Gastos</h4>
		 <table width="100%" cellpadding="5" bordercolor="#000066" 
		  			bgcolor="#FFFFFF" border="1"   cellspacing="0">
		    	 <tr>
		                    <th>Detalle</th>
		                    <th>Valor Cuota</th>
		                    <th>Cantidad de cuotas</th>
		                    <th>Cuotas restantes</th>
		                    <th>Fecha de compra</th>
		         </tr>
		         <c:forEach var="item" items="${items}">
		         <tr>
		                    <td><c:out value="${item.detalle}"/></td>
		                    <td><c:out value="${item.valorCuota}" /></td>
		                    <td><c:out value="${item.cantidadCuotas}" /></td>
		                    <td><c:out value="${item.cuotasRestantes}"  /></td>
		                    <td><c:out value="${item.fechaCompra}"  /></td>
		         </tr>
		     </c:forEach>
		 </table>
	</div>
	
</body>
</html>